<!DOCTYPE html>
    <html>
      <head>
        <title>拓扑</title>
        
        <meta name="keywords" content="keyword1,keyword2,keyword3">
        <meta name="description" content="this is my page">
        <meta name="content-type" content="text/html; charset=UTF-8">
        <!-- 配置自己的路径  -->
        <script type="text/javascript" src="../jtp/jquery-1.4.3.js"></script>
        <script type="text/javascript" src="../jtp/jtopo-0.4.8-min.js"></script>
          
          
          <script type="text/javascript" src="js/conf.js"></script>
          <script type="text/javascript" src="js/mytopo.js"></script>
          <script type="text/javascript" src="js/toolbar.js"></script>
          <script type="text/javascript" src="js/tooldrag.js"></script>
          <link rel="stylesheet" type="text/css" href="css/base.css">
      </head>
      
      <body>
         拓扑测试<br>
        <div id="content" style="width:900px;position:relative;">
            <div style="width: 900px;height: 40px;border: 1px solid rgb(68, 68, 68);position:absolute; top:35px;">
                <!--原始节点  -->
                <canvas id='exchanger_icon' width='100' height='40' 
                  draggable="true" οndragstart="drag(event)">
                                            当前浏览器无法使用canvas标签，请更换新版本浏览器
                 </canvas>
                 <canvas id='server_icon' width='100' height='40' 
                  draggable="true" οndragstart="drag(event)">
                                            当前浏览器无法使用canvas标签，请更换新版本浏览器
                 </canvas>
            </div>
            <div id="dst" οndrοp="drop(event)" οndragοver="allowDrop(event)">
                 <canvas width="900px" height="550px" id="canvas" 
                 style="border: 1px solid rgb(68, 68, 68);"  >
                                          当前浏览器无法使用canvas标签，请更换新版本浏览器</canvas>                    
            </div>	
            
            
        </div>
        <img alt="" src="" id="img" >
    </body>
    </html>